<template>
  <div class="app-container">
		<div class="step-title">
			<el-steps :active="active" align-center finish-status="success">
				<el-step title="基本资料"></el-step>
				<el-step title="文档信息"></el-step>
			</el-steps>
		</div>
		<div class="list" v-if="types == '隔膜压力表'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>温度 ℃</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入温度 ℃" />
				</p>
				<p>
					<span>压力MPa G</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入压力MPa G" />
				</p>
				<p>
					<span>刻度范围</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入刻度范围" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>公称直径</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入公称直径" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>隔膜材料</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入隔膜材料" />
				</p>
				<p>
					<span>表壳材质</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入表壳材质" />
				</p>
				<p>
					<span>外壳防护等级</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入外壳防护等级" />
				</p>
				<p>
					<span>表壳填充液</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入表壳填充液" />
				</p>
				<p>
					<span>工艺连接体材料</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入工艺连接体材料" />
				</p>
				<p>
					<span>填充介质</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入填充介质" />
				</p>
				<p>
					<span>工艺连接形式</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入工艺连接形式" />
				</p>
				<p>
					<span>螺纹规格</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入螺纹规格" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<!-- <p>
					<span>价格</span>
					<input v-model="tempData.price" type="text" placeholder="请输入价格" />
				</p> -->
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '压力变送器'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>测量元件材质</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入测量元件材质" />
				</p>
				<p>
					<span>终端接头规格</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入终端接头规格" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>防护等级</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入防护等级" />
				</p>
				<p>
					<span>安装形式</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>输出指示表</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入输出指示表" />
				</p>
				<p>
					<span>密封膜片材质</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入密封膜片材质" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>法兰材质</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入法兰材质" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '单法兰液位变送器'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>液位起始范围</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入液位起始范围" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>测量元件材质</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入测量元件材质" />
				</p>
				<p>
					<span>壳体材质</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入壳体材质" />
				</p>
				<p>
					<span>终端接头规格</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入终端接头规格" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>防护等级</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入防护等级" />
				</p>
				<p>
					<span>安装形式</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>密封膜片材质</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入密封膜片材质" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>正负迁移范围</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入正负迁移范围" />
				</p>
				<p>
					<span>输出指示表</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入输出指示表" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '激光液位变送器'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>设备位号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入设备位号" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>罐尺寸</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入罐尺寸" />
				</p>
				<p>
					<span>罐形式</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入罐形式" />
				</p>
				<p>
					<span>仪表名称</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入仪表名称" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>频率</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入频率" />
				</p>
				<p>
					<span>激光发射功率</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入激光发射功率" />
				</p>
				<p>
					<span>电源</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入电源" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>触点容量</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入触点容量" />
				</p>
				<p>
					<span>防护等级</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入防护等级" />
				</p>
				<p>
					<span>安装形式</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>法兰材质</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入法兰材质" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '称重仪'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作状态密度</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作状态密度" />
				</p>
				<p>
					<span>称重仪型号</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入称重仪型号" />
				</p>
				<p>
					<span>显示方式</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入显示方式" />
				</p>
				<p>
					<span>秤量范围</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入秤量范围" />
				</p>
				<p>
					<span>秤量精度</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入秤量精度" />
				</p>
				<p>
					<span>秤量方式</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入秤量方式" />
				</p>
				<p>
					<span>灵敏度</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入灵敏度" />
				</p>
				<p>
					<span>配套附件</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入配套附件" />
				</p>
				<p>
					<span>秤量元件</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入秤量元件" />
				</p>
				<p>
					<span>报警装置</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入报警装置" />
				</p>
				<p>
					<span>电源</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入电源" />
				</p>
				<p>
					<span>电缆长度</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入电缆长度" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '电磁流量计'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质及规格</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质及规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>公称通径</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入公称通径" />
				</p>
				<p>
					<span>本体材质</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入本体材质" />
				</p>
				<p>
					<span>衬里材质</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入衬里材质" />
				</p>
				<p>
					<span>电极材质</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入电极材质" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>电源</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入电源" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>防护等级</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入防护等级" />
				</p>
				<p>
					<span>安装形式</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>备注1</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>备注2</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '质量流量计'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质及规格</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质及规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>操作状态密度</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入操作状态密度" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>公称通径</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入公称通径" />
				</p>
				<p>
					<span>本体材质</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入本体材质" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>转换器输出信号</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入转换器输出信号" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>电源</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入电源" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '气动调节刀闸阀门'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>阀前压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入阀前压力" />
				</p>
				<p>
					<span>阀后压力</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入阀后压力" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>空气故障时阀位置</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入空气故障时阀位置" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>阀芯型式</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入阀芯型式" />
				</p>
				<p>
					<span>流量特性</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入流量特性" />
				</p>
				<p>
					<span>阀体材质</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入阀体材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>阀座材质</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入阀座材质" />
				</p>
				<p>
					<span>连接形式</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入连接形式" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>执行机构型式</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入执行机构型式" />
				</p>
				<p>
					<span>作用形式</span>
					<el-input v-model="tempData.name24" type="text" class="userselect" placeholder="请输入作用形式" />
				</p>
				<p>
					<span>输入信号</span>
					<el-input v-model="tempData.name25" type="text" class="userselect" placeholder="请输入输入信号" />
				</p>
				<p>
					<span>气源压力</span>
					<el-input v-model="tempData.name26" type="text" class="userselect" placeholder="请输入气源压力" />
				</p>
				<p>
					<span>气信号接口尺寸</span>
					<el-input v-model="tempData.name27" type="text" class="userselect" placeholder="请输入气信号接口尺寸" />
				</p>
				<p>
					<span>气源接口尺寸</span>
					<el-input v-model="tempData.name28" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>制造厂</span>
					<el-input v-model="tempData.name29" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '气动三偏心调节蝶阀'">
			<div class="change" v-if="active == 0" >
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>阀前压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入阀前压力" />
				</p>
				<p>
					<span>阀后压力</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入阀后压力" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>空气故障时阀位置</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入空气故障时阀位置" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>流开/流关</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入阀芯型式" />
				</p>
				<p>
					<span>阀芯型式</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入阀芯型式" />
				</p>
				<p>
					<span>阀口径</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入阀口径" />
				</p>
				<p>
					<span>流量特性</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入流量特性" />
				</p>
				<p>
					<span>阀体材质</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入阀体材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>阀座材质</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入阀座材质" />
				</p>
				<p>
					<span>连接形式</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入连接形式" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>执行机构型式</span>
					<el-input v-model="tempData.name24" type="text" class="userselect" placeholder="请输入执行机构型式" />
				</p>
				<p>
					<span>作用形式</span>
					<el-input v-model="tempData.name25" type="text" class="userselect" placeholder="请输入作用形式" />
				</p>
				<p>
					<span>供气压力</span>
					<el-input v-model="tempData.name26" type="text" class="userselect" placeholder="请输入供气压力" />
				</p>
				<p>
					<span>输入信号</span>
					<el-input v-model="tempData.name27" type="text" class="userselect" placeholder="请输入输入信号" />
				</p>
				<p>
					<span>气源接口尺寸</span>
					<el-input v-model="tempData.name28" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '气动V型调节球阀'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>阀前压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入阀前压力" />
				</p>
				<p>
					<span>阀后压力</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入阀后压力" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>空气故障时阀位置</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入空气故障时阀位置" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>阀口径</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入阀口径" />
				</p>
				<p>
					<span>阀芯型式</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入阀芯型式" />
				</p>
				<p>
					<span>流量特性</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入流量特性" />
				</p>
				<p>
					<span>阀体材质</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入阀体材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>阀座材质</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入阀座材质" />
				</p>
				<p>
					<span>连接形式</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入连接形式" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>法兰材质</span>
					<el-input v-model="tempData.name24" type="text" class="userselect" placeholder="请输入法兰材质" />
				</p>
				<p>
					<span>执行机构型式</span>
					<el-input v-model="tempData.name25" type="text" class="userselect" placeholder="请输入执行机构型式" />
				</p>
				<p>
					<span>作用形式</span>
					<el-input v-model="tempData.name26" type="text" class="userselect" placeholder="请输入作用形式" />
				</p>
				<p>
					<span>供气压力</span>
					<el-input v-model="tempData.name27" type="text" class="userselect" placeholder="请输入供气压力" />
				</p>
				<p>
					<span>输入信号</span>
					<el-input v-model="tempData.name28" type="text" class="userselect" placeholder="请输入输入信号" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name29" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>气源接口尺寸</span>
					<el-input v-model="tempData.name30" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>附件 过滤器减压阀</span>
					<el-input v-model="tempData.name31" type="text" class="userselect" placeholder="请输入附件 过滤器减压阀" />
				</p>
				<p>
					<span>备注1</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注1" />
				</p>
				<p>
					<span>备注2</span>
					<el-input v-model="tempData.name32" type="text" class="userselect" placeholder="请输入备注2" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<div class="list" v-if="types == '气动切断球阀'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>公称通径</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入公称通径" />
				</p>
				<p>
					<span>阀体/阀座材质</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入阀体/阀座材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>气源压力</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入气源压力" />
				</p>
				<p>
					<span>气源故障时阀位置</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入气源故障时阀位置" />
				</p>
				<p>
					<span>泄漏等级</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入泄漏等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>气接管尺寸</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入气接管尺寸" />
				</p>
				<p>
					<span>电磁阀形式</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入电磁阀形式" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- PH计 -->
		<div class="list" v-if="types == 'PH计'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作状态下粘度</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作状态下粘度" />
				</p>
				<p>
					<span>操作状态下密度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作状态下密度" />
				</p>
				<p>
					<span>最大pH</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入最大pH" />
				</p>
				<p>
					<span>正常pH</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常pH" />
				</p>
				<p>
					<span>变送器形式</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入变送器形式" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>温度补偿</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入温度补偿" />
				</p>
				<p>
					<span>输出指示表</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入输出指示表" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>供电</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入供电" />
				</p>
				<p>
					<span>测量电极型式</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入测量电极型式" />
				</p>
				<p>
					<span>参比电极型式</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入参比电极型式" />
				</p>
				<p>
					<span>温度范围</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入温度范围" />
				</p>
				<p>
					<span>电极护套形式</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入电极护套形式" />
				</p>
				<p>
					<span>护套材料</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入护套材料" />
				</p>
				<p>
					<span>工艺接头尺寸</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入工艺接头尺寸" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>附件</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入附件" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- 压力表 -->
		<div class="list" v-if="types == '压力表'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质及规格</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质及规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>测量范围</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入测量范围" />
				</p>
				<p>
					<span>公称通径</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入公称通径" />
				</p>
				<p>
					<span>本体材质</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入本体材质" />
				</p>
				<p>
					<span>衬里材质</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入衬里材质" />
				</p>
				<p>
					<span>电极材质</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入电极材质" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>输出信号</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入输出信号" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>电源</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入电源" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>防护等级</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入防护等级" />
				</p>
				<p>
					<span>安装形式</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入安装形式" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- 热电阻 -->
		<div class="list" v-if="types == '热电阻'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>压力MPa G</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入压力MPa G" />
				</p>
				<p>
					<span>温度 ℃</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入温度 ℃" />
				</p>
				<p>
					<span>全长/插入深度 (mm)</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入全长/插入深度 (mm)" />
				</p>
				<p>
					<span>保护管材料</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入保护管材料" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>分度号</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入分度号" />
				</p>
				<p>
					<span>测温元件数量</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入测温元件数量" />
				</p>
				<p>
					<span>结构形式</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入结构形式" />
				</p>
				<p>
					<span>保护管直径</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入保护管直径" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>接线盒防护等级</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入接线盒防护等级" />
				</p>
				<p>
					<span>安装固定方式</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入安装固定方式" />
				</p>
				<p>
					<span>螺纹规格</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入螺纹规格" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>备注1</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入备注1" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- 双金属温度计 -->
		<div class="list" v-if="types == '双金属温度计'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>压力MPa G</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入压力MPa G" />
				</p>
				<p>
					<span>温度 ℃</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入温度 ℃" />
				</p>
				<p>
					<span>插入深度 (mm)</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入插入深度 (mm)" />
				</p>
				<p>
					<span>刻度范围 ℃</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入刻度范围 ℃" />
				</p>
				<p>
					<span>保护管材料</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入保护管材料" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>表头直径</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入表头直径" />
				</p>
				<p>
					<span>结构形式</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入结构形式" />
				</p>
				<p>
					<span>精度</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入精度" />
				</p>
				<p>
					<span>保护管直径</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入保护管直径" />
				</p>
				<p>
					<span>外壳防护等级</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入外壳防护等级" />
				</p>
				<p>
					<span>安装固定方式</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入安装固定方式" />
				</p>
				<p>
					<span>螺纹规格</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入螺纹规格" />
				</p>
				<p>
					<span>备注1</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入备注1" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- 气动切断蝶阀 -->
		<div class="list" v-if="types == '气动切断蝶阀'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				<p>
					<span>操作压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入操作压力" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>阀型号</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入阀型号" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>公称通径</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入公称通径" />
				</p>
				<p>
					<span>阀体材质</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入阀体材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>气源压力</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入气源压力" />
				</p>
				<p>
					<span>气源故障时阀位置</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入气源故障时阀位置" />
				</p>
				<p>
					<span>泄漏等级</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入泄漏等级" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>气接管尺寸</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入气接管尺寸" />
				</p>
				<p>
					<span>电磁阀型号</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入电磁阀型号" />
				</p>
				<p>
					<span>电磁阀形式</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入电磁阀形式" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>备注1</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>备注2</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入备注1" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>
		<!-- 气动滑板式调节阀 -->
		<div class="list" v-if="types == '气动切断蝶阀'">
			<div class="change" v-if="active == 0">
				<p>
					<span>位号</span>
					<el-input v-model="tempData.bitNumber" class="userselect" type="text" placeholder="请输入位号"/>
				</p>
				<p>
					<span>用途</span>
					<el-input v-model="tempData.name1" class="userselect" type="text" placeholder="请输入用途" />
				</p>
				<p>
					<span>PID编码</span>
					<el-input v-model="tempData.pidNumber" type="text" class="userselect" placeholder="请输入PID编码" />
				</p>
				<p>
					<span>管道编号</span>
					<el-input v-model="tempData.name2" class="userselect" type="text" placeholder="请输入管道编号" />
				</p>
				<p>
					<span>管道材质</span>
					<el-input v-model="tempData.name3" class="userselect" type="text" placeholder="请输入管道材质" />
				</p>
				<p>
					<span>管道规格</span>
					<el-input v-model="tempData.name4" class="userselect" type="text" placeholder="请输入管道规格" />
				</p>
				<p>
					<span>工艺介质</span>
					<el-input v-model="tempData.name5" type="text" class="userselect" placeholder="请输入工艺介质" />
				</p>
				<p>
					<span>润滑方式</span>
					<el-input class="userselect" v-model="tempData.lubrication" type="text" placeholder="请输入润滑方式" />
				</p>
				<p>
					<span>保养类型</span>
					<el-input class="userselect" v-model="tempData.texture" type="text" placeholder="请输入保养类型" />
				</p>
				<p>
					<span>操作温度</span>
					<el-input v-model="tempData.name6" type="text" class="userselect" placeholder="请输入操作温度" />
				</p>
				
				<p>
					<span>阀前压力</span>
					<el-input v-model="tempData.name7" type="text" class="userselect" placeholder="请输入阀前压力" />
				</p>
				<p>
					<span>阀后压力</span>
					<el-input v-model="tempData.name8" type="text" class="userselect" placeholder="请输入阀后压力" />
				</p>
				<p>
					<span>最大流量</span>
					<el-input v-model="tempData.name9" type="text" class="userselect" placeholder="请输入最大流量" />
				</p>
				<p>
					<span>正常流量</span>
					<el-input v-model="tempData.name10" type="text" class="userselect" placeholder="请输入正常流量" />
				</p>
				<p>
					<span>最小流量</span>
					<el-input v-model="tempData.name11" type="text" class="userselect" placeholder="请输入最小流量" />
				</p>
				<p>
					<span>操作密度</span>
					<el-input v-model="tempData.name12" type="text" class="userselect" placeholder="请输入操作密度" />
				</p>
				<p>
					<span>空气故障时阀位置</span>
					<el-input v-model="tempData.name13" type="text" class="userselect" placeholder="请输入空气故障时阀位置" />
				</p>
				<p>
					<span>阀体/阀芯 阀型号</span>
					<el-input v-model="tempData.name14" type="text" class="userselect" placeholder="请输入阀体/阀芯 阀型号" />
				</p>
				<p>
					<span>阀型式</span>
					<el-input v-model="tempData.name15" type="text" class="userselect" placeholder="请输入阀型式" />
				</p>
				<p>
					<span>阀芯型式</span>
					<el-input v-model="tempData.name16" type="text" class="userselect" placeholder="请输入阀芯型式" />
				</p>
				<p>
					<span>阀口径</span>
					<el-input v-model="tempData.name17" type="text" class="userselect" placeholder="请输入阀口径" />
				</p>
				<p>
					<span>流量特性</span>
					<el-input v-model="tempData.name18" type="text" class="userselect" placeholder="请输入流量特性" />
				</p>
             
              
				<p>
					<span>阀口径</span>
					<el-input v-model="tempData.name19" type="text" class="userselect" placeholder="请输入阀口径" />
				</p>
				<p>
					<span>流量特性</span>
					<el-input v-model="tempData.name20" type="text" class="userselect" placeholder="请输入流量特性" />
				</p>
				<p>
					<span>阀体材质</span>
					<el-input v-model="tempData.name21" type="text" class="userselect" placeholder="请输入阀体材质" />
				</p>
				<p>
					<span>阀芯材质</span>
					<el-input v-model="tempData.name22" type="text" class="userselect" placeholder="请输入阀芯材质" />
				</p>
				<p>
					<span>阀座材质</span>
					<el-input v-model="tempData.name23" type="text" class="userselect" placeholder="请输入阀座材质" />
				</p>
				<p>
					<span>连接形式</span>
					<el-input v-model="tempData.name24" type="text" class="userselect" placeholder="请输入连接形式" />
				</p>
				<p>
					<span>法兰标准及等级</span>
					<el-input v-model="tempData.name25" type="text" class="userselect" placeholder="请输入法兰标准及等级" />
				</p>
				<p>
					<span>法兰尺寸及密封面</span>
					<el-input v-model="tempData.name26" type="text" class="userselect" placeholder="请输入法兰尺寸及密封面" />
				</p>
				<p>
					<span>法兰材质</span>
					<el-input v-model="tempData.name27" type="text" class="userselect" placeholder="请输入法兰材质" />
				</p>
				<p>
					<span>执行机构型式</span>
					<el-input v-model="tempData.name28" type="text" class="userselect" placeholder="请输入执行机构型式" />
				</p>
				<p>
					<span>作用形式</span>
					<el-input v-model="tempData.name29" type="text" class="userselect" placeholder="请输入作用形式" />
				</p>
				<p>
					<span>供气压力</span>
					<el-input v-model="tempData.name30" type="text" class="userselect" placeholder="请输入供气压力" />
				</p>
				<p>
					<span>定位器型号</span>
					<el-input v-model="tempData.name31" type="text" class="userselect" placeholder="请输入定位器型号" />
				</p>
				<p>
					<span>输入信号</span>
					<el-input v-model="tempData.name32" type="text" class="userselect" placeholder="请输入输入信号" />
				</p>
				<p>
					<span>电气接口尺寸</span>
					<el-input v-model="tempData.name33" type="text" class="userselect" placeholder="请输入电气接口尺寸" />
				</p>
				<p>
					<span>气源接口尺寸</span>
					<el-input v-model="tempData.name34" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>附件 过滤器减压阀</span>
					<el-input v-model="tempData.name35" type="text" class="userselect" placeholder="请输入气源接口尺寸" />
				</p>
				<p>
					<span>备注</span>
					<el-input v-model="tempData.remarks" type="text" class="userselect" placeholder="请输入备注" />
				</p>
				<p>
					<span>数量</span>
					<el-input v-model="tempData.number" type="number" class="userselect" placeholder="请输入数量" />
				</p>
				<p>
					<span>承包人</span>
					<input v-model="tempData.rateOfWork" type="text" placeholder="请输入承包人" />
				</p>
				<p>
					<span>责任人</span>
					<input v-model="tempData.maintainPerson" type="text" placeholder="请输入责任人" />
				</p>
				<p>
					<span>图片</span>
					<el-upload
						class="avatar-uploader"
						action
						:http-request="designUpAvatar"
						:show-file-list="false"
					>
						<img v-if="tempData.imgurl" :src="tempData.imgurl" class="avatar" />
						<i v-else class="el-icon-plus avatar-uploader-icon"></i>
					</el-upload>
				</p>
			</div>
			<div class="fileup" v-if="active == 1">
				<div class="uping" v-for="(item,index) in fileNum" :key="index">
					<p>
						<span>资料名</span>
						<input v-model="item.filename" type="text" placeholder="请输入您要上传的资料名" />
					</p>
					<p>
						<span>上传资料</span>
						<el-upload
							class="upload-demo"
							drag
							:data="index"
							:show-file-list="false"
							:http-request="designUpFile"
							action=""
							:multiple='false'
							:limit='1'
							>
							<i class="el-icon-upload"></i>
							<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
						</el-upload>
						<p style="margin: 0;">
							<strong v-if="item.filePath">{{item.filename}}</strong>
							<strong v-if="item.filePath" @click="downLoad(item.filePath)">下载<i class="el-icon-download" /></strong>
						</p>
					</p>
					<i class="el-icon-close delete" @click="deleteFile(item,index)"></i>
				</div>
			</div>
		</div>


		<div class="submits">
			<div class="save" @click="prev" v-if="active != 0">上一步</div> 
			<div class="save" @click="next" v-if="active < 1">下一步</div>
			<div class="save" @click="addfile" v-if="active == 1">新增文档</div>
			<div class="save" @click="back" v-if="active == 1">保存</div>
		  <!-- <div class="save" @click="save">保存</div> -->
		  <div class="nosave" @click="nosave">取消</div>
		</div>
  </div>
</template>

<script>
	import { addDepartment,updateDepartment } from '@/api/bumen'
	import { uploadFile,updatePeople,addPeople,getUserFiles,deletePeople } from '@/api/people'
	let yibiaoid = null
	export default {
		data(){
			return{
				tempData: {},
				writeOradd: 0,  //1修改还是0增加
				types: '',
				fileNum: [{
					filename: '',
					filePath: ''
				}],
				active: 0
			}
		},
		mounted() {
			if(this.$route.params.options){
				this.tempData = JSON.parse(this.$route.params.options)
				yibiaoid = this.tempData.id
				this.getFilesList(yibiaoid)
				this.writeOradd = 1
			}else{
				this.writeOradd = 0
			}
			this.types = this.$route.params.types
			console.log(this.tempData,this.types)
		},
		methods:{
			next() {
				if(this.active == 0){
					this.save()
				}
				if (this.active++ > 2) {
					this.active = 0;
				}
			},
			prev() {
				if (this.active-- < 1) {
					this.active = 0;
				}
			},
			downLoad(filepath){
				window.location.href = filepath
			},
			addfile(){
				this.fileNum.push({
					filename: '',
					filePath: ''
				})
			},
			save(){
				// this.
				this.tempData.departments = this.$store.state.user.userInfo[0].departments
				this.tempData.ptype = 'yibiao'
				this.tempData.types = this.types
				if(this.writeOradd == 0){
					this.tempData.states = 9
					addDepartment(this.tempData).then(res => {
						console.log(res)
						this.$message({
							message: res.message,
							type: 'success'
						})
						yibiaoid = res.data.id
						// this.$router.go(-1)
					})
				}else{
					updateDepartment(this.tempData).then(res => {
						console.log(res)
						this.$message({
							message: res.message,
							type: 'success'
						})
						// this.$router.go(-1)
					})
				}
			},
			// 获取文档信息
			getFilesList(id){
				getUserFiles({parentId: id}).then(res => {
					console.log(res)
					if(res.data.list.length != 0){
						this.fileNum = []
						res.data.list.map(item => {
							this.fileNum.push({
								filename: item.fileDescribe,
								filePath: item.fileName,
								fileid: item.fileId
							})
						})
					}
				})
			},
			back(){
				this.$router.go(-1)
			},
			nosave(){
				this.$router.go(-1)
			},
			deleteFile(item,index){
				console.log(item)
				if(item.fileid){
					deletePeople(item.fileid).then(res => {
						console.log(res)
						this.$message({
							message: '删除成功！',
							type: 'success'
						})
						this.getFilesList(yibiaoid)
					})
				}else{
					this.fileNum.splice(index,1)
				}
			},
			designUpFile(item) {
				console.log('新增文档')
				const loading = this.$loading({
          lock: true,
          text: '上传中请稍等...',
          spinner: 'el-icon-loading',
          background: 'rgba(255, 255, 255, 0.8)'
        })
				console.log(item)
				var formData = new FormData()
				formData.append("file", item.file)
				// formData.append('content', this.fileNum[item.data].filename)
				uploadFile(formData).then(res => {
					console.log(res)
					this.fileNum[item.data].filePath = res
					this.$forceUpdate()
					loading.close()
					// this.uploadOver = true
					if(this.fileNum[item.data].fileid){
						updatePeople({
							fileName: res,
							fileDescribe:this.fileNum[item.data].filename,
							parentId: yibiaoid,
							fileId: this.fileNum[item.data].fileid
						}).then(res => {
							console.log(res)
							loading.close()
							this.$message({
								showClose: true,
								message: '添加成功',
								type: "success"
							})
						})
					}else{
						addPeople({fileName: res,fileDescribe:this.fileNum[item.data].filename,parentId: yibiaoid}).then(res => {
							console.log(res)
							loading.close()
							this.$message({
								showClose: true,
								message: '添加成功',
								type: "success"
							})
						})
					}
				}).catch(() => {
					loading.close()
				})
			},
			// 上传头像
			designUpAvatar(item){
				console.log(this.fileNum)
				var formData = new FormData()
				const loading = this.$loading({
					lock: true,
					text: '上传中请稍等...',
					spinner: 'el-icon-loading',
					background: 'rgba(255, 255, 255, 0.8)'
				})
				formData.append("file", item.file)
				uploadFile(formData).then(res => {
					console.log(res)
					loading.close()
					this.$message({
					  showClose: true,
					  message: '添加成功',
					  type: "success"
					})
					this.tempData.imgurl = res
					this.$forceUpdate();
					// this.tempData.fileId = res
				}).catch(() =>{
					loading.close()
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.step-title{
		background: #fff;
		border-radius: 8px 8px 0 0;
		padding-top: 20px;
	}
	.disable{
		pointer-events: none;
		background: #808080 !important;
	}
	.change {
	  display: flex;
	  flex-wrap: wrap;
	  background: #fff;
	  border-radius: 0 0 8px 8px;
	  padding: 20px 0;
	  > p {
	    width: 32%;
	    font-size: 14px;
	    display: flex;
	    align-items: center;
	    color: #333;
	    /deep/.el-input__inner {
	      // width: inherit;
	      background: none;
	      height: 32px;
	      // line-height: 32px;
	      color: #333;
	      border: 1px solid rgba(0, 0, 0, 0.1);
	      padding: 0 25px;
	    }
	    /deep/.el-input__icon {
	      line-height: 32px;
	    }
	    .userselect {
	      // max-width: 250px;
	      flex: 1;
	    }
	
	    > span {
	      display: block;
	      width: 150px;
	      text-align: right;
	      padding-right: 15px;
	    }
	    > input {
	      width: inherit;
	      flex: 1;
	      height: 32px;
	      border-radius: 3px;
	      border: 1px solid rgba(0, 0, 0, 0.1);
	      padding-left: 10px;
	      color: #333;
	    }
	  }
	}
	.avatar-uploader .el-upload {
	  border: 1px dashed #999 !important;
	  border-radius: 6px;
	  cursor: pointer;
	  position: relative;
		overflow: hidden;
	  width: 100%;
	}
	.avatar-uploader .el-upload:hover {
	  border-color: #409eff;
	}
	
	.avatar-uploader-icon {
	  font-size: 28px;
	  color: #8c939d;
	  width: 100px;
		height: 100px;
		border: 1px dashed #ccc;
	  line-height: 100px;
	  text-align: center;
	}
	.avatar {
	  width: 100px;
	  height: 100px;
	  display: block;
	}
	.submits {
	  display: flex;
		background: #fff;
	  padding: 20px 20px;
		border-radius: 8px;
		margin-top: 20px;
		// border-top: 1px solid #ccc;
	  justify-content: flex-end;
	  align-items: center;
	  > div {
	    width: 80px;
	    height: 32px;
	    text-align: center;
	    line-height: 32px;
	    color: #fff;
	    font-size: 14px;
	    border-radius: 4px;
	    margin-left: 30px;
	    cursor: pointer;
	  }
	  .save {
	    background: #18a05e;
	  }
	  .nosave {
	    background: #999;
	  }
	}
	.fileup{
    position: relative;
    padding-top: 20px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    display: flex;
    flex-wrap: wrap;
    // align-items: center;
    justify-content: space-between;
    .uping{
			width: 48%;
			position: relative;
      display: flex;
      flex-wrap: wrap;
			flex-direction: column;
			&:hover .delete{
				display: block;
			}
      > p {
        width: 90%;
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #333;
        /deep/.el-input__inner {
          // width: inherit;
          background: none;
          height: 32px;
          // line-height: 32px;
          color: #333;
          border: 1px solid rgba(0, 0, 0, 0.1);
          padding: 0 25px;
        }
        /deep/.el-input__icon {
          line-height: 32px;
        }
        /deep/.el-upload-dragger {
          width: 100%;
          height: 100px;
        }
        /deep/.el-upload-dragger .el-icon-upload {
          font-size: 60px;
          color: #C0C4CC;
          margin: 0; 
          line-height: 1;
          width: 100%;
        }
        /deep/.el-upload {
          width: 100%;
        }
        .userselect {
          // max-width: 250px;
          flex: 1;
        }
      
        > span {
          display: block;
          width: 100px;
          text-align: right;
          padding-right: 15px;
        }
        > input {
          width: inherit;
          flex: 1;
          height: 32px;
          border-radius: 3px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          padding-left: 10px;
          color: #333;
        }
        >strong{
          display: inline-block;
          padding-left: 100px;
          font-weight: 100;
          font-size: 14px;
          &:last-child{
            cursor: pointer;
            color: #13ce66;
            font-weight: 600;
          }
        }
        >div{
          width: inherit;
          flex: 1;
        }
			}
			.delete{
				position: absolute;
				z-index: 99;
				top: 0px;
				right: 10px;
				cursor: pointer;
				transition: all .5s;
				display: none;
			}
    }
  }
</style>